/* Variables */
@colorMain: #F0F;
@height: 20px;
@width:@height*30;
.main{
	color:@colorMain;
	height: @height;
	width: @width;
}

/* Mixins*/
.borderd{
	border:1px solid red;
}

.mixsins{
	color:green;
	.borderd();
}

/* Nesting */
.container{
	.left{
		color:red
	}
	.right{
		color: green;
	}
	&::after{
		content: 'back';
		color: blue;
	}
}

/* Nested At-Rules and Bubbling */
/*Escaping*/
//@min768: ~"(min-width: 768px)";
@min768: (min-width: 768px);
//>=
.mediafind{
	background-color: magenta;
	width: 300px;
	@media @min768{
		width: 600px;
	}
	@media(min-width:992px){
		width: 900px;
	}
	@media(min-width:1200px){
		width: 1100px;
	}
}
//<=
.mediafind2{
	background-color: magenta;
	width: 1100px;
	@media(max-width:992px){
		width: 900px;
	}
	@media(max-width:768px){
		width: 600px;
	}
	@media(max-width:320px){
		width: 300px;
	}
}

/*Functions*/
.func{
	width: pow(2px,8);
	background: red;
	overflow: hidden;
}

